// 图标库地址
// https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.11&manage_type=myprojects&projectId=3219669&keyword=&project_type=&page=

@font-face {
  font-family: 'iconfont';  /* Project id 3219669 */
  src: url('//at.alicdn.com/t/font_3219669_n8051p8dggi.woff2?t=1646884122827') format('woff2'),
       url('//at.alicdn.com/t/font_3219669_n8051p8dggi.woff?t=1646884122827') format('woff'),
       url('//at.alicdn.com/t/font_3219669_n8051p8dggi.ttf?t=1646884122827') format('truetype');
}

.icon {
  font-family: 'iconfont';
  font-size: inherit;
  font-style: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
  &-react::before {
    content: '\e712';
  }
  &-loading::before {
    content: '\e712';
  }
  &-ercode::before {
    content: '\e600';
  }
  &-search::before {
    content: '\e6ac';
  }
  &-warn::before {
    content: '\e6cc';
  }
  &-warn2::before {
    content: '\e66f';
  }
  &-back::before {
    content: '\e60f';
  }
  &-setting::before {
    content: '\e606';
  }
  &-html::before {
    content: '\e6a0';
  }
  &-html2::before {
    content: '\e632';
  }
  &-like::before {
    content: '\e60a';
  }
  &-home::before {
    content: '\e671';
  }
  &-profile::before {
    content: '\e607';
  }
  &-project::before {
    content: '\e714';
  }
  &-css::before {
    content: '\e605';
  }
  &-css2::before {
    content: '\ec3a';
  }
  &-css3::before {
    content: '\e601';
  }
  &-css4::before {
    content: '\e618';
  }
  &-wxgzhao::before {
    content: '\e612';
  }
  &-wxgzhao2::before {
    content: '\e705';
  }
  &-hot::before {
    content: '\e7a5';
  }
  &-js::before {
    content: '\e810';
  }
  &-menu::before {
    content: '\e666';
  }
  &-wxs::before {
    content: '\e608';
  }
  &-arrow-right::before {
    content: '\e743';
  }
  &-arrow-left::before {
    content: '\e744';
  }
  &-arrow-up::before {
    content: '\e745';
  }
  &-arrow-down::before {
    content: '\e7b2';
  }
  &-webpack::before {
    content: '\e6ae';
  }
  &-vue::before {
    content: '\e69a';
  }
  &-redux::before {
    content: '\ec7d';
  }
  &-event::before {
    content: '\e609';
  }
  &-antd::before {
    content: '\eaa1';
  }
  &-fed::before {
    content: '\e60b';
  }
}

.icon-spin {
  animation-name: rotate;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}